<link rel="stylesheet" href="/stylesheets/aijiduo/header.css">
<script src="/javascripts/aijiduo/header.js"></script>
<!--<div class="container-fluid">-->
    <!--<div class="row">-->
        <!--<div class="col-lg-12 header-content">-->

            <!--<div class="col-md-6">-->
                <!--<div class="navigation-content">-->
                    <!--<div class="index"><a href="/aijiduo/"><%= __('aijiduo.header.index')%></a></div>-->
                    <!--<div class="index"><a href="/aijiduo/certification/"><%= __('aijiduo.header.certification')%></a></div>-->
                    <!--<div class="index" id="product-introduce"><%= __('aijiduo.header.product-introduce')%><i class="fa fa-angle-down" aria-hidden="true"></i></div>-->
                    <!--<div class="index"><a href="/aijiduo/marketing/"><%= __('aijiduo.header.marketing')%></a></div>-->
                    <!--<div class="index" id="enjoy-service"><%= __('aijiduo.header.enjoy-service')%><i class="fa fa-angle-down" aria-hidden="true"></i></div>-->
                    <!--<div class="index"><a href="/aijiduo/contact-us/"><%= __('aijiduo.header.contact-us')%></a></div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="product-introduce-drop-down-box" id="product-introduce-drop-down-box">-->
            <!--<div class="drop-down-box-item">-->
                <!--<a href="/aijiduo/package/"><%= __('aijiduo.header.package')%></a>-->
            <!--</div>-->
            <!--<div class="drop-down-box-item">-->
                <!--<a href="/aijiduo/vegetable/"><%= __('aijiduo.header.vegetable')%></a>-->
            <!--</div>-->
            <!--<div class="drop-down-box-item">-->
                <!--<a href="/aijiduo/meat/"><%= __('aijiduo.header.meat')%></a>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="enjoy-service-drop-down-box" id="enjoy-service-drop-down-box">-->
            <!--<div class="drop-down-box-item">-->
                <!--<a href="/aijiduo/gift-box/"><%= __('aijiduo.header.gift-box')%></a>-->
            <!--</div>-->
            <!--<div class="drop-down-box-item">-->
                <!--<a href="/aijiduo/preorder"><%= __('aijiduo.header.preorder')%></a>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->


<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-2 col-lg-offset-2 header-content">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a href="/aijiduo">
                        <img src="/images/aijiduo/header-footer/logo.png" alt="" />
                        <span  class="company">
                            <%= __('aijiduo.header.company')%>
                        </span>
                    </a>
                </div>
            </div>
            <div class="col-lg-6 navigation-content">
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="/aijiduo"><%= __('aijiduo.header.index')%></a></li>
                        <li><a href="/aijiduo/certification"><%= __('aijiduo.header.certification')%></a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                <%= __('aijiduo.header.product-introduce')%>
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="/aijiduo/package/"><%= __('aijiduo.header.package')%></a></li>
                                <li><a href="/aijiduo/vegetable/"><%= __('aijiduo.header.vegetable')%></a></li>
                                <li><a href="/aijiduo/meat/"><%= __('aijiduo.header.meat')%></a></li>
                                <!--<li role="separator" class="divider"></li>
                                <li><a href="#">Separated link</a></li>-->
                            </ul>
                        </li>
                        <li><a href="/aijiduo/marketing"><%= __('aijiduo.header.marketing')%></a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                <%= __('aijiduo.header.enjoy-service')%>
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="/aijiduo/gift-box/"><%= __('aijiduo.header.gift-box')%></a>
                                </li>
                                <li>
                                    <a href="/aijiduo/preorder"><%= __('aijiduo.header.preorder')%></a>
                                </li>
                                <!--<li role="separator" class="divider"></li>-->
                            </ul>
                        </li>
                        <li><a href="/aijiduo/contact-us"><%= __('aijiduo.header.contact-us')%></a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->

            </div>
        </div>


    </div><!-- /.container-fluid -->
</nav>